import React from 'react'

export const LoadingClock = props => {
  return (
    <svg width={ props.width || "59" } height={ props.height || "55" } viewBox="0 0 59 55" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M31.6222 54.8777C17.7131 54.8955 6.00849 44.4651 4.42913 30.6462C4.35106 29.9681 4.83686 29.355 5.51497 29.2765C6.19307 29.1984 6.80611 29.6842 6.88467 30.3623C8.31558 42.9349 18.9633 52.4101 31.6343 52.4101C45.3665 52.4101 56.5448 41.2322 56.5448 27.5C56.5448 13.7678 45.3544 2.5899 31.6222 2.5899C30.9407 2.5899 30.3884 2.0371 30.3884 1.35611C30.3884 0.67463 30.9407 0.122314 31.6222 0.122314C42.6955 0.121833 52.6786 6.79203 56.9164 17.0224C61.1537 27.2527 58.811 39.0287 50.9802 46.858C45.8576 52.0101 38.8871 54.8979 31.6222 54.8777Z" fill="#00EFD1"/>
      <path d="M41.2331 30.7941H30.2523C29.5718 30.7922 29.0205 30.2408 29.0186 29.5603V15.1495C29.0186 14.4685 29.5709 13.9157 30.2523 13.9157C30.9338 13.9157 31.4861 14.4685 31.4861 15.1495V28.3265H41.2331C41.9146 28.3265 42.4669 28.8788 42.4669 29.5603C42.4669 30.2418 41.9146 30.7941 41.2331 30.7941Z" fill="#00ACEA"/>
      <path d="M5.83594 21.331L11.6839 30.4982H0L5.83594 21.331Z" fill="#00ACEA"/>
    </svg>
  )
}
